import { Layout, Menu } from "antd";
import items from "./constant";
const { Sider } = Layout;

const Sidebar = () => {
    return (
        <Sider className='sidebar-wrapper'>
            <div className='logo-wrapper'>
                <img
                    src='https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg'
                    alt=''
                />
                <span>Ant Design</span>
            </div>
            <Menu
                className='menu-wrapper'
                theme='dark'
                defaultSelectedKeys={["1"]}
                mode='inline'
                style={{ fontSize: "15px" }}
                items={items}
                onClick={(e) => console.log(e)}
            />
        </Sider>
    );
};

export default Sidebar;
